<h1 class="ff_museo700 item blue txt_indent20">Destinations of the month</h1>
  <div id="boxdestinations" class="item h272 ov_fl_hidden pst_relative zindex10">
      <?php if(count($listdestination1)>0){
	 foreach($listdestination1 as $k=>$listdestination){?>
      <div class="fl w685 pst_relative h271 bgr_fff" id="slidebox<?php echo $k ?>" onClick="slidebox('<?php echo $k ?>');"> <img alt="<?php echo "Destinations of the month - ".$listdestination["name"]; ?>" title="<?php echo "Destinations of the month - ".$listdestination["name"]; ?>" src="public/images/About-us-banner_03.jpg" id="img1slidebox<?php echo $k ?>" width="100%" height="214" class="fl"/> <img alt="<?php echo "Destinations of the month - ".$listdestination["name"]; ?>" title="<?php echo "Destinations of the month - ".$listdestination["name"]; ?>" src="public/images/About-us-banner_03.jpg" id="img2slidebox<?php echo $k ?>" width="100" height="214" class="fr opa05"/>
        <div class="item bgr_orange pdt14 pdb12" id="boxslidebox<?php echo $k ?>">
          <div class="fl pdl30 white">
            <div class="fl pdt1">
            	<?php for($i=1;$i<=$listdestination["destinationstar"];$i++){?>
					<img src="<?php echo base_url(); ?>public/images/star_01.png" width="12" height="11" class="pdr4"/>
				<?php }if($listdestination["destinationstar"]<5){
						for($l=$listdestination["destinationstar"];$l<5;$l++){?>
							<img src="<?php echo base_url(); ?>public/images/hidden-star-05.png" width="12" height="11" class="pdr4"/>
							<?php }
					}?>
            </div>
            &nbsp;<?php echo count($listdestination["review"]); ?> reviews<br>
            <a href="#" class="fl white">Visitor photos (22)</a></div>
          <a href="#" class="fr ff_museo500 blue bgr_fff pdt5 pdl6 pdr6 pdb3 mgt5 mgr12">DETAILS</a> </div>
        <div class="item"><h3 class="fr w90 mgt8 mgb9 blue ff_museo500 f17 lighter pdl10" id="h3slidebox<?php echo $k ?>"><?php echo $listdestination["name"]; ?></h3></div>
      </div>
      <?php }}?>
  </div>
<script>
	$("#h3slidebox0").hide();
	$("#slidebox0").removeClass('w100 cursor_poiter').addClass('zindex10');
	$("#slidebox1").addClass('w100 cursor_poiter bottom271 left100 zindex2');
	$("#slidebox2").addClass('w100 cursor_poiter bottom542 left200 zindex1');
	$("#boxslidebox1").hide();
	$("#boxslidebox2").hide();
	$("#img2slidebox0").hide();
	$("#img1slidebox1").hide();
	$("#img1slidebox2").hide();
		
	var destination=Array();
	for(var i=1;i<=1000;i++){		
		destination[i]=false;
	}
	destination[1]=true;
</script>